<template>
  <!-- 这是图片详细页 -->
  <div class="imgdetial">
    <hmheader title="黑马程序员"></hmheader>
    <hminput :img="this.imgdetail" :imgconnent="this.imgconnent" :idd="this.$route.params.imgid"></hminput>
  </div>
</template>

<script>
import hmheader from "../../components/hmheader.vue";
import hminput from "./../../components/hminput.vue";
import { getdetailed, getconnent } from "./../../apis/img/img";
export default {
  data() {
    return {
      imgdetail: [],
      imgconnent: [],
    };
  },
  components: {
    hmheader,
    hminput,
  },
  mounted() {
    // 图片
    getdetailed(this.$route.params.imgid).then((res) => {
      // console.log(res);
      this.imgdetail = res.data.message;
    });
    // 内容
    getconnent(this.$route.params.imgid).then((res) => {
      // console.log(res);
      this.imgconnent = res.data.message;
    });
    // 评论
    // getpinglun({  })
  },
};
</script>

<style lang="less" scoped>
/deep/ .van-tab__text {
  color: blue;
  font-size: 18px;
  // margin-bottom: 60px;
}
.imgdetial {
  height: 50px;
}
</style>